<!DOCTYPE HTML>
<html>

<head>
    <title>GameCenter</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="application/x-javascript">
        addEventListener("load", function() {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <link href='http://fonts.googleapis.com/css?family=Kreon:300,400,700' rel='stylesheet' type='text/css'>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <!-- start plugins -->
    <!----font-Awesome----->
    <link rel="stylesheet" href="fonts/css/font-awesome.min.css">
    <!----font-Awesome----->
    <!-- start light_box -->

    <script type="text/javascript">
        $(document).ready(function() {
            $("div.fancyDemo a").fancybox();
        });
    </script>

</head>

<body>
    <div class="header_bg" id="home">
        <!-- start header -->
        <div class="container">
            <div class="row header text-center specials">
                <div class="h_logo">
                    <a href="index.html"><img src="images/logo.png" alt="" class="responsive" /></a>
                </div>
                <nav class="top-nav">
                    <ul class="top-nav nav_list">
                        <li><a href="Gamecenter.html">主要游戏</a></li>
                        <li class="page-scroll"><a href="#">主页</a></li>
                        <li class="logo page-scroll">
                            <a title="hexa" href="index.html"><img src="images/logo.png" alt="" class="responsive" /></a>
                        </li>
                        <li class="page-scroll"><a href="#">博客</a></li>
                        <li class="page-scroll"><a href="#contact">联系我们</a></li>
                    </ul>
                    <a href="#" id="pull"><img src="images/nav-icon.png" title="menu" /></a>
                </nav>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="container">
        <!-- start -->
        <div class="main row">
            <h2 class="style">主要游戏</h2>
            <div class="grids_of_4 row">
                <div class="col-md-3 images_1_of_4">
                    <div class="fancyDemo">
                        <a rel="group" title="" href="./js-game-master/001-2048.html"><img src="./images/LitterGame/2048.png" alt="" class="img-responsive" /></a>
                    </div>
                    <h3><a href="single-page.html#zy0">2048 益智游戏</a></h3>
                    <p class="para">由意大利开发者Gabriele Cirulli在2014年开发。游戏的目标是在一个4x4的网格上，通过滑动操作将相同的数字方块合并，最终合成一个“2048”的方块。</p>

                </div>
                <div class="col-md-3 images_1_of_4">
                    <div class="fancyDemo">
                        <a rel="group" title="" href="./pushBox-master/game/game.html"><img src="./images/LitterGame/box.png" alt="" class="img-responsive" /></a>
                    </div>
                    <h3><a href="single-page.html#zy5">Sokoban 经典的益智游戏</a></h3>
                    <p class="para">推箱子游戏因其简单直观的规则和丰富的策略性，成为了一款经久不衰的经典游戏。随着时间的推移，也出现了许多变种和改进版本，比如增加了时间限制、特殊道具、多维空间等元素，但核心玩法仍然保持不变。</p>

                </div>
                <div class="col-md-3 images_1_of_4">
                    <div class="fancyDemo">
                        <a rel="group" title="" href="./sokoban-master/sokoban-master/game.html"><img src="./images/LitterGame/pushbox.png" alt="" class="img-responsive" /></a>
                    </div>
                    <h3><a href="single-page.html#zy1">Sokoban 经典的益智游戏</a></h3>
                    <p class="para">推箱子游戏因其简单直观的规则和丰富的策略性，成为了一款经久不衰的经典游戏。随着时间的推移，也出现了许多变种和改进版本，比如增加了时间限制、特殊道具、多维空间等元素，但核心玩法仍然保持不变。</p>

                </div>
                <div class="col-md-3 images_1_of_4">
                    <div class="fancyDemo">
                        <a rel="group" title="" href="./Snake-master/Snake.html"><img src="./images/LitterGame/snake.png" alt="" class="img-responsive" /></a>
                    </div>
                    <h3><a href="single-page.html#zy6">Snake 电子游戏</a></h3>
                    <p class="para">贪吃蛇游戏以其简单的操作和上瘾的游戏性，成为了全球范围内广受欢迎的经典游戏。它不仅考验玩家的反应速度和策略规划能力，而且随着时间的推移，还衍生出了许多变种和改进版本，比如3D贪吃蛇、多人在线对战模式等。</p>

                </div>
                <div class="clear"></div>
            </div>
            <!-- <div class="grids_of_4 row">
                <div class="col-md-3 images_1_of_4">
                    <div class="fancyDemo">
                        <a rel="group" title="" href="images/ROC/ROClogo.jpg"><img src="images/ROC/ROClogo.jpg" alt="" class="img-responsive" /></a>
                    </div>
                    <h3><a href="single-page.html#zy2">东煌</a></h3>
                    <p class="para">位于东方大陆「神州」历史悠久的古国，作为碧蓝航线阵营的成员，参与对塞壬和赤色中轴的作战行动。</p>
                    <h4><a href="single-page.html">Dragon Empery(ROC)</a> </h4>
                </div>
                <div class="col-md-3 images_1_of_4">
                    <div class="fancyDemo">
                        <a rel="group" title="" href="images/SN/SNlogo.jpg"><img src="images/SN/SNlogo.jpg" alt="" class="img-responsive" /></a>
                    </div>
                    <h3><a href="single-page.html#zy3">北方联合</a></h3>
                    <p class="para">北方联合倡导集体主义与对社会的奉献，拥有坚定的目标和达成目标所需的无畏的勇气，北方联合将几乎全部舰队调往极地地区，很少参与碧蓝航线阵营内的联合行动，目前除了已知北方联合还在极地与塞壬作战外，其余情报尚不明确。</p>
                    <h4><a href="single-page.html">Northern Parliament(SN)</a></h4>
                </div>
                <div class="col-md-3 images_1_of_4">
                    <div class="fancyDemo">
                        <a rel="group" title="" href="images/MNF/MNFlogo.jpg"><img src="images/MNF/MNFlogo.jpg" alt="" class="img-responsive" /></a>
                    </div>
                    <h3><a href="single-page.html#zy7">维希教廷</a></h3>
                    <p class="para">从宗教国家鸢尾分离出的一股势力，现在作为赤色中轴阵营的一员而活动着。维希教廷原本同样从属于鸢尾的海军军事组织「护教骑士团」。</p>
                    <h4><a href="single-page.html">Vichya Dominion(MNF)</a></h4>
                </div>
                <div class="col-md-3 images_1_of_4">
                    <div class="fancyDemo">
                        <a rel="group" title="" href="images/RN/RNlogo.jpg"><img src="images/RN/RNlogo.jpg" alt="" class="img-responsive" /></a>
                    </div>
                    <h3><a href="single-page.html#zy8">萨丁帝国</a></h3>
                    <p class="para">悠久的历史与徇烂的艺术，相比军事实力，撒丁帝国对于自身的文化传承拥有更深的自豪感。海军军事组织为禁卫军。虽然元老院内部的声音一直没有统一，但是事实上来说，撒丁帝国已经成为了赤色中轴阵营的一员，走向了与碧蓝航线不同的方向。</p>
                    <h4><a href="single-page.html">Sardinian Empire(RN)</a></h4>
                </div>
                <div class="clear"></div>
            </div> -->
        </div>
    </div>
    <!-- end -->
    <div class="footer_bg" id="contact">
        <!-- start footer -->
        <div class="container">
            <div class="row footer">
                <div class="col-md-8 contact_left">
                    <h3>联系我们</h3>
                    <p>为了方便联系,请使用以下联系方式:</p>
                        <form method="post" action="">
                            <input type="text" id="Name" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
                            <input type="text" id="Email" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}">
                            <input type="text" id="Subject" value="Subject" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Subject';}">
                            <textarea id="Message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your Message here....';}">Your Message here....</textarea>
                            <span class="pull-right"><input type="submit" id="submit" value="提交"></span>
                        </form>
                </div>
                <div class="col-md-4  contact_right">
                    <p><span>《游戏中心》 </span>游戏中心通常指的是一个提供多种游戏服务的平台，它可以是一个实体的场所，也可以是虚拟的在线服务。以下是游戏中心可能包含的一些特点和服务：

                        游戏选择：提供各种类型的游戏，包括动作、冒险、策略、体育、益智、角色扮演等。
                        
                        设备支持：支持多种游戏设备，如游戏机、电脑、手机、平板电脑等。
                        
                        在线服务：提供在线游戏服务，允许玩家通过互联网与其他玩家互动，进行多人游戏。
                        
                        游戏下载：允许用户下载游戏，有些游戏中心还提供云游戏服务，用户无需下载即可玩游戏。
                        
                        社交功能：提供玩家之间的社交互动，如聊天、组队、竞技等。
                        
                        成就系统：玩家可以通过完成游戏内的任务或达到特定的目标来获得成就和奖励。
                        
                        排行榜：展示玩家在游戏中的排名，增加游戏的竞技性。
                        
                        虚拟现实（VR）和增强现实（AR）体验：提供先进的游戏体验，如虚拟现实游戏和增强现实游戏。
                        
                        游戏内购买：允许玩家购买游戏内的物品、服务或扩展包。
                        
                        跨平台游戏：支持玩家在不同设备上继续他们的游戏进度。
                        
                        随着技术的发展，游戏中心不断进化，提供更加丰富和多样化的游戏体验。无论是实体的游戏中心还是在线平台，它们都旨在为玩家提供一个集中的、易于访问的游戏娱乐环境。</p>
                    <ul class="list-unstyled address">
                        <li><i class="fa fa-map-marker"></i><span>中华人民共和国湖北省武汉市</span></li>
                        <li><i class="fa fa-phone"></i><span>0731-114-110-119-120</span></li>
                        <li><i class="fa fa-envelope"></i><a href="mailto:baiyinqinming@outlook.com">baiyinqinming@outlook.com</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer1_bg">
        <!-- start footer1 -->
        <div class="container">
            <div class="row  footer">
                <div class="copy text-center">
                    <p class="link"><span>《游戏中心》 &copy; 2017-05-25<a target="_blank" href="https://game.bilibili.com/blhx/">《游戏中心》</a><a target="_blank" href="https://game.bilibili.com/">《游戏中心》</a></span></p>
                    <a href="#home" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"> </span></a>
                </div>
            </div>
        </div>
    </div>
</body>
<script>

</script>

</html>